<template>
    <div style="height: 88vh;">
        <iframe id="pdfViewer" width="99%" height="100%"></iframe>
    </div>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import { getSyllabusData,getSyllabusPath } from '@/api/course.js'
import { getTalentPath } from '@/api/talent.js'


//获取人才培养方案文件内容
const getTalentContent = async () =>{
    document.getElementById('pdfViewer').src = ''
    //获取路径
    const res = await getTalentPath()
    console.log(res,'000');
    //根据路径来获取人才培养方案文件内容
    console.log(res.data.data[res.data.data.length-1].Path,'1');
    const resContent = await getSyllabusData(res.data.data[res.data.data.length-1].Path)
    console.log(resContent,'999');
        // 将二进制数据转换为 Blob 对象
    const blob = new Blob([resContent.data], { type: 'application/pdf' });

    // 创建一个指向 Blob 对象的 URL
    const pdfUrl = URL.createObjectURL(blob);

    // 将 URL 赋值给 iframe 的 src 属性
    document.getElementById('pdfViewer').src = pdfUrl;
}

const getPageData = () =>{
    const pdfData = document.getElementById('pdfViewer').src
    console.log(pdfData,'11');
    if(pdfData){
        ElMessage({type:'success',message:'查询成功'})
    }else{
        ElMessage({type:'error',message:'没有数据'})
    }
}

onMounted(() =>{
    getTalentContent()
// getPageData()
})


</script>
